@charset "utf-8";
/* CSS Document */

body{ margin:0; padding: 0; line-height: 24px; font-size: 12px; background:#fff; color:#353535; font-family: '微软雅黑';}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, form, input, button { margin:0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; }
img { vertical-align: middle; border: 0; line-height:0; font-size:0; display: block;}
.clear { clear:both;}
.FL{ float:left; display:inline}
.FR{ float:right; display:inline}
a { text-decoration: none; color: #353535 }
.w1215{ width:1215px; margin:0 auto; height:100%; overflow:hidden;}


/* 头部 */
.head-bg{ position:absolute; z-index:999; left:0; right:0; top:0; background:#fff; height:110px; opacity:0.2;}
.head-con{ position:absolute; z-index:1000; left:0; right:0; top:0; height:110px;}
.head-con ul{ height:100%; overflow:hidden;}
.head-con li{ float:left; display:inline; width:8%;}
.head-con li.li1,.head-con li.li2{ width:22%;}
.head-con li.li1 img{ margin: 20px auto 0;width: 250px;}
.head-con li.li2 img{ margin:40px auto 0;}
.head-con li a{ display:block; text-align:center; line-height:110px; font-size:20px; color:#fff;}
.head-con li a.on,.head-con li a:hover{ color:#f00; background:url(../190531_images/ico04.png) no-repeat center 70px; background-size:30px;}

/* 底部 */
.foot-bg{ position:absolute; z-index:999; left:0; right:0; bottom:0;background:#fff; height:50px; opacity:0.2;}
.foot{ position:absolute; z-index:1000; left:50%; right:0; bottom:0;width:850px; margin-left:-425px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff;}
.foot img{ float:left; display:inline; margin:15px 10px 0 0;}
.foot span{ float:left; display:inline;}

/* index */
.banner { width: 100%; position: relative; overflow:hidden; }
.banner .con { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.banner .con ul { width: 100% !important; }
.banner .con li { width: 100% !important; overflow: hidden; text-align: center; }
.banner .con li a { display: block; margin: 0 auto; width: 100%; height: 930px; background-position: center center; background-repeat: no-repeat }
.banner .tou { width: 100%; position: absolute; bottom:5%; left: 0; height: 30px!important;line-height: 30px; text-align: center; }
.banner .tou ul { text-align: right; padding-right: 55px; }
.banner .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 7px; background: #777; overflow: hidden; line-height: 9999px;}
.banner .tou ul .on { background: #fff; }

/* about */
.backgroundAbout{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../190531_images/about.jpg) no-repeat center 0;}
.backgroundHd{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../190531_images/01.jpg) no-repeat center 0;}
.backgroundContact{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../190531_images/contact.jpg) no-repeat center 0;}
.backgroundXm{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../190531_images/xm.jpg) no-repeat center 0;}

.about { width: 100%; position: relative; border-radius:50px; overflow:hidden; margin-top:150px;}
.about .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.about .bd div { width: 100% !important; overflow: hidden; text-align: center; }
.about .bd div a { display: block; margin: 0 auto; width: 100%; height: 700px; background-position: center center; background-repeat: no-repeat }
.about .hd{ position:absolute; left:100px; top:50px; z-index:999;}
.about .hd li{ height:100%; overflow:hidden; margin:15px 0; opacity:0.3; cursor:pointer;}
.about .hd li b{ display:inline-block; font-size:20px; color:#fff; height:38px; line-height:38px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.about .hd li span{ display:inline-block; width:10px; height:10px; background:#fff; border-radius:100%; margin:0 10px;}
.about .hd li i{ display:inline-block; height:24px; line-height:24px; border:#fff solid 1px; color:#fff; border-radius:12px; padding:0 20px; font-style:normal; font-size:14px;}
.about .hd li.on{ opacity:1;}
.rightImg{ position:absolute; z-index:1001; right:50px; top:230px;}

/* doc */
.bigWarp{ position:relative;}
.bigWarp .hd ul{ position:absolute; left:50px; top:280px; z-index:999;}
.bigWarp .hd li{ width:260px; height:70px; line-height:70px; border:#fff solid 1px; border-radius:10px; margin-bottom:40px;}
.bigWarp .hd li.on{ border:#f00 solid 1px;}
.bigWarp .hd li.on a{ color:#f00;}
.bigWarp .hd li a{ display:block; text-indent:25px; font-size:20px; color:#fff;}
.bigWarp .hd li a span{ font-size:16px; margin-left:10px;}

.doc { width: 100%; position: relative;}
.doc .con { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; height: 930px;}
.doc .con ul { width: 100% !important; }
.doc .con li { width: 100% !important; overflow: hidden; text-align: center; }
.doc .con li a { display: block; margin: 0 auto; width: 100%; height: 930px; background-position: center center; background-repeat: no-repeat }
.doc .tou { width: 30px; position: absolute; top:280px; right:100px; text-align: center; }
.doc .tou ul li { cursor: pointer; width: 20px; height: 20px; margin:20px 0; background: #777; overflow: hidden; line-height: 9999px; border-radius:50%;}
.doc .tou ul .on { background: #fff; }

/* xm */
.xm{ position:absolute; right:120px; top:200px; z-index:1;}

/* hd */
.huodong{ position:absolute; z-index:1000; left:0; right:0; top:110px; height:800px;}
.huodong a{ display:block; width:100%; height:100%;}


/*footer*/
.footer_box{
    background-color:#f1f1f1;
}
.foofer_title{
    font-size:20px;
    font-weight: bold;
}
.footer_ul{
    display: flex;
    justify-content: center;
}
.footer_ul a {
    margin:2%;
    font-size:18px;
}